<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta
			http-equiv="X-UA-Compatible"
			content="IE=edge"
		/>
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1.0"
		/>
		<title>七音盒</title>
		<link
			rel="stylesheet"
			href="./index.css"
		/>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
		<script src="./index.js"></script>
	</head>

	<body>
		<ul class="key-box">
			<li>
				do
				<span></span>
			</li>
			<li>
				re
				<span></span>
			</li>
			<li>
				mi
				<span></span>
			</li>
			<li>
				fa
				<span></span>
			</li>
			<li>
				sol
				<span></span>
			</li>
			<li>
				la
				<span></span>
			</li>
			<li>
				si
				<span></span>
			</li>
			<li>do</li>
		</ul>
		<ul class="music-box">
			<li><img src="img/do.png" /></li>
			<li><img src="img/re.png" /></li>
			<li><img src="img/mi.png" /></li>
			<li><img src="img/fa.png" /></li>
			<li><img src="img/sol.png" /></li>
			<li><img src="img/la.png" /></li>
			<li><img src="img/si.png" /></li>
		</ul>
		<audio src="mp3/1do.mp3"></audio>
		<audio src="mp3/2re.mp3"></audio>
		<audio src="mp3/3mi.mp3"></audio>
		<audio src="mp3/4fa.mp3"></audio>
		<audio src="mp3/5so.mp3"></audio>
		<audio src="mp3/6la.mp3"></audio>
		<audio src="mp3/7si.mp3"></audio>
		<audio src="mp3/8do.mp3"></audio>
	</body>
</html>
